<template>
  <wd-tabs v-model="currentTab" custom-class="tabs-box">
    <block v-for="item in props.tabs" :key="item">
      <wd-tab :title="item" :name="item" />
    </block>
  </wd-tabs>
</template>
<script lang="ts" setup>
import { CreationTypeEnum } from "@/utils/enums";

const props = withDefaults(
  defineProps<{
    tabs?: string[];
  }>(),
  {
    tabs: () => Object.values(CreationTypeEnum),
  },
);

const currentTab = defineModel<string>("currentTab");
</script>
